<!-- toolbar -->
<div style="margin-bottom:20px;">
  <button nz-button [nzType]="'primary'" (click)="openAddJobModal()">
    <span>
      <i class="anticon anticon-file-add"></i>添加任务</span>
  </button>
</div>


<!-- table -->
<nz-table #nzTable [nzDataSource]="_dataSet" [nzPageSize]="7" nzShowSizeChanger>
  <thead nz-thead>
    <tr>
      <th nz-th>
        <span>任务组</span>
      </th>
      <th nz-th>
        <span>任务名称</span>
      </th>
      <th nz-th>
        <span>运行状态</span>
      </th>
      <th nz-th>
        <span>上次执行时间</span>
      </th>
      <th nz-th>
        <span>下次执行时间</span>
      </th>
      <th nz-th>
        <span>优先级</span>
      </th>
      <th nz-th>
        <span>描述</span>
      </th>
      <th nz-th>
        操作
      </th>
    </tr>
  </thead>
  <tbody nz-tbody>
    <tr nz-tbody-tr *ngFor="let data of nzTable.data">

      <td nz-td>
        <a>{{data.jobGroup}}</a>
      </td>
      <td nz-td>{{data.jobName}}</td>

      <td nz-td>
        <nz-tag [nzColor]="data.triggerState | jobState:'color'">{{data.triggerState | jobState:'label'}}</nz-tag>
      </td>

      <td nz-td>{{data.prevFireTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
      <td nz-td>{{data.nextFireTime | date:'yyyy-MM-dd HH:mm:ss'}}</td>
      <td nz-td>{{data.priority}}</td>
      <td nz-td>{{data.description}}</td>
      <td nz-td>
        <a href="">详情</a>
        <span nz-table-divider></span>
        <a href="">启动</a>
        <span nz-table-divider></span>
        <a href="">暂停</a>
        <span nz-table-divider></span>
        <a href="">恢复</a>
      </td>
    </tr>
  </tbody>
</nz-table>